<!DOCTYPE html>
<html>
<head>
<script>
window.enablePixelTesting = true;
</script>
<script src="../../../resources/js-test.js"></script>
<script src="../../forms/resources/picker-common.js"></script>
</head>
<body style="background-color: #777777">
<input type=color id=color value="#ff0000" list=rainbow focus>
<datalist id=rainbow>
    <option>#ff0000</option>
    <option>#ffa500</option>
    <option>#ffff00</option>
    <option>#00ff00</option>
    <option>#0000ff</option>
    <option>#4b0082</option>
    <option>#ee82ee</option>
</datalist>

<p id="description" style="opacity: 0"></p>
<div id="console" style="opacity: 0"></div>

<script>
openPickerAppearanceOnly(document.getElementById('color'), finishJSTest);
</script>
</body>
</html>
